// 全局变量
:root {
    --xf-color-1: #000000;
    --xf-color-2: #ffffff;
    --xf-color-3: #efefef;
    --xf-color-4: #312f34;
    --xf-color-5: #dedede;
    --xf-color-6: #666666;
    --xf-color-7: #ff7200;
    --xf-color-8: #009cff;
    --xf-color-9: #7fceef;
    --xf-color-10: #fbb113;
    --xf-color-11: #78767a;
    --xf-color-12: #332986;
    --xf-color-13: #ff5252;
    --xf-color-14: #ff6600;
    --xf-color-15: #ffc0cb;
    --xf-color-16: #cccccc;
    --xf-color-17: #a94442;
    --xf-color-18: #f2dede;
    --xf-color-19: #ebccd1;
    --xf-color-20: #191919;
    --xf-color-21: #e872de;
    --xf-color-22: #ffc3e3;
    --xf-color-23: #03a9f4;
    --xf-color-24: #373737;
    --xf-rgb-color-1: rgba(42, 42, 42, .35);
    --xf-rgb-color-2: rgba(42, 42, 42, .5);
    --xf-rgb-color-3: rgba(255, 255, 255, .5);
    --xf-shadow-out: 0.2rem 0.2rem 0.4rem rgba(42, 42, 42, .25), -0.2rem -0.2rem 0.4rem #fff;
    --xf-shadow-int: inset 0.2rem 0.2rem 0.4rem rgba(42, 42, 42, .25), inset -0.2rem -0.2rem 0.4rem #fff;
    --xf-shadow-out-dark: 0.2rem 0.2rem 0.4rem #000, -0.2rem -0.2rem 0.4rem #242424;
    --xf-shadow-int-dark: inset 0.2rem 0.2rem 0.4rem #000, inset -0.2rem -0.2rem 0.4rem #242424;
    --xf-shadow-box-1: 20px 0 #ff9f52, 40px 0 #528bff;
    --xf-shadow-text-1: 0 0 3px rgba(255, 255, 255, .3);
    --xf-linear-shadow-1: inset 1px 1px 2px rgba(42, 42, 42, .25), inset -1px -1px 2px #fff;
    --xf-linear-color-1: #7e00ff 0%, #00fff6 100%;
    --xf-linear-color-2: #eb685c, #c5e886, #5c8ceb, #e872de, #0da2aa;
    --xf-text-shadow-1: -1px 1px 1px #607d8b;
    --xf-backdrop-filter-1: blur(.35rem);
}

// 外阴影
.xf_shadow_out {
    border-radius: 10px;
    -webkit-box-shadow: var(--xf-shadow-out);
    box-shadow: var(--xf-shadow-out);
    background-color: var(--xf-color-3);
}

// 内阴影
.xf_shadow_int {
    border-radius: 10px;
    -webkit-box-shadow: var(--xf-shadow-int);
    box-shadow: var(--xf-shadow-int);
    background-color: var(--xf-color-3);
}

// loading颜色
.xf_loading_color {
    color: var(--xf-color-23) !important;
}

// 定义a链接
a {
    color: var(--xf-color-6);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color .5s;
    transition: color .5s;

    &:hover {
        color: var(--xf-color-13);
    }
}

p {
    color: var(--xf-color-11);
}

// 清除图片属性
img {
    border: 0;
    -moz-vertical-align: middle;
    vertical-align: middle;
}

// 清除按钮属性
button {
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    background-color: transparent;
    line-height: inherit;
    width: max-content;

    &::after {
        border: none;
    }
}

i {
    font-style: normal;
}

// 鼠标选中样式
::selection {
    background: var(--xf-color-15);
    color: var(--xf-color-2);
}

::-moz-selection {
    background: var(--xf-color-15);
    color: var(--xf-color-2);
}

::selection {
    background: var(--xf-color-15);
    color: var(--xf-color-2);
}

// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f7f7f7;
}

// 定义滚动条轨道 内阴影+圆角
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #cfcfd1;
    -webkit-box-shadow: inset 0 0 6px #cfcfd1;
    border-radius: 20px;
    background-color: #f7f7f7;
}

// 定义滑块 内阴影+圆角
::-webkit-scrollbar-thumb {
    border-radius: 20px;
    box-shadow: inset 0 0 0 6px #cfcfd1;
    -webkit-box-shadow: inset 0 0 6px #cfcfd1;
    background-color: #ffc3e3;
}

// 字体
@font-face {
    font-family: "iconfont";
    /* Project id  */
    src: url('../font/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "JuraMedium";
    src: url('../font/JuraMedium-4.ttf') format('truetype');
}

@font-face {
    font-family: "jiangnanti";
    src: url("../font/jiangnanti.eot");
    /* IE9 */
    src: url("../font/jiangnanti.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../font/jiangnanti.woff") format("woff"),
        /* chrome、firefox */
        url("../font/jiangnanti.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
        url("../font/jiangnanti.svg#jiangnanti") format("svg");
    /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
    ;
}

.icon-zuobiao:before {
    content: "\e659";
}

.icon-qichuang:before {
    content: "\e686";
}

.icon-shuijue:before {
    content: "\e689";
}

.icon-aihao:before {
    content: "\e603";
}

.icon-zixi:before {
    content: "\e60d";
}

.icon-shuaxin:before {
    content: "\ec08";
}

.icon-tianqiicon_qingtian_baitian:before {
    content: "\e619";
}

.icon-tianqiicon_qingtian_heiye:before {
    content: "\e61a";
}

.icon-weixin:before {
    content: "\e630";
}

.icon-QQ:before {
    content: "\e667";
}

.icon-xingming:before {
    content: "\e6a2";
}

.icon-tubiaozhizuomoban_annianlingfenbu:before {
    content: "\e602";
}

.icon-wangzhandingzhi:before {
    content: "\e69d";
}